{include file='public:header-css'/}
<body>
<div class="lyear-layout-web">
  <div class="lyear-layout-container">
    <!--左侧导航-->
    {include file='public:left-menu'/}
    <!--End 左侧导航-->
    <!--页面主要内容-->
    <main class="lyear-layout-content">

      <div class="container-fluid">

        <div class="row">
          <div class="col-md-12">
            <div class="card">
              <div class="card-header" style="display: flex;align-items: center;justify-content: space-between">
                <h4>基本信息</h4>
                <a style="border-radius: 3px" class="btn btn-label btn-theme print" onclick="doPrint()"><label><i
                        class="mdi mdi-printer"></i></label> 打印</a>
              </div>
              <div class="card-body info">
                  <div class="form-inline">
                      <span class="tit">订单ID:</span>
                      <span class="text">{$info.order_id}</span>
                  </div>
                  <div class="form-inline">
                      <span class="tit">订单编号:</span>
                      <span class="text">{$info.order_sn}</span>
                  </div>
                  <div class="form-inline">
                      <span class="tit">会员昵称:</span>
                      <span class="text">{$info.user.nickname|default='无'}</span>
                  </div>
                  <div class="form-inline">
                      <span class="tit">会员ID:</span>
                      <span class="text">{$info.user_id}</span>
                  </div>
                  <div class="form-inline">
                      <span class="tit">会员手机:</span>
                      <span class="text">{$info.user.mobile}</span>
                  </div>
                  <div class="form-inline">
                      <span class="tit">订单状态:</span>
                      <span class="text">{$info.order_status_text}</span>
                  </div>
                  <div class="form-inline">
                      <span class="tit">支付方式:</span>
                      <span class="text">{$info.pay_name|default='---'}</span>
                  </div>
                  <div class="form-inline">
                      <span class="tit">创建时间:</span>
                      <span class="text">{$info.add_time}</span>
                  </div>
                  <div class="form-inline">
                      <span class="tit">支付时间:</span>
                      <span class="text">{$info.pay_time_text}</span>
                  </div>
                  <div class="form-inline">
                      <span class="tit">用户备注:</span>
                      <span class="text">{$info.user_note|default='无'}</span>
                  </div>
              </div>
            </div>
          </div>
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h4>奖励信息</h4>
                    </div>
                    <div class="card-body info">
                        <div class="form-inline">
                            <span class="tit">收益钱包:</span>
                            <span class="text">{$info.qianbao.name}</span>
                        </div>
                        <div class="form-inline">
                            <span class="tit">每日收益:</span>
                            <span class="text">{$info.day_sy}</span>
                        </div>
                        <div class="form-inline">
                            <span class="tit">加速值:</span>
                            <span class="text">{$info.speed}</span>
                        </div>
                        <div class="form-inline">
                            <span class="tit">收益周期:</span>
                            <span class="text">{$info.sy_day}</span>
                        </div>
                        <div class="form-inline">
                            <span class="tit">产量:</span>
                            <span class="text">{$info.yield}</span>
                        </div>
                        <div class="form-inline">
                            <span class="tit">已领取收益:</span>
                            <span class="text">{$info.yet_sy}</span>
                        </div>
                        <div class="form-inline">
                            <span class="tit">剩余产量:</span>
                            <span class="text">{$info.surplus_yield}</span>
                        </div>
                        <div class="form-inline">
                            <span class="tit">剩余收益周期:</span>
                            <span class="text">{$info.surplus_day}</span>
                        </div>
                        <div class="form-inline">
                            <span class="tit">赠送储备金:</span>
                            <span class="text">{$info.given_cbj}</span>
                        </div>
                    </div>
                </div>
            </div>
            {if !$info['order_extra']->isEmpty()}
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header"><h4>额外收益</h4></div>
                    <div class="card-body">
                        <table class="table table-bordered table-hover" style="margin-bottom: 10px">
                            <thead>
                            <tr>
                                <th>收益钱包</th>
                                <th>领取金额</th>
                                <th>可领取时间</th>
                                <th>状态</th>
                                <th>创建时间</th>
                                <th>领取时间</th>
                            </tr>
                            </thead>
                            <tbody>
                            {volist name="$info.order_extra" id="order_extra"}
                            <tr>
                                <td>{$order_extra.qianbao.name}</td>
                                <td>{$order_extra.lq_number}</td>
                                <td>{$order_extra.lq_time_text}</td>
                                <td>{$order_extra.status_text}</td>
                                <td>{$order_extra.add_time}</td>
                                <td>{$order_extra.end_time_text}</td>
                            </tr>
                            {/volist}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            {/if}
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header"><h4>商品信息</h4></div>
                    <div class="card-body">
                        <table class="table table-bordered table-hover" style="margin-bottom: 10px">
                            <thead>
                            <tr>
                                <th>商品名称</th>
                                <th>商品价格</th>
                                <th>商品数量</th>
                                <th>商品小计</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>{$info.goods_name}</td>
                                <td>{$info.goods_price}</td>
                                <td>{$info.goods_num}</td>
                                <td>{$info.total_amount}</td>
                            </tr>
                            </tbody>
                        </table>
                        <div class="order-amount">
                            <span class="tit">实际支付:</span>
                            <span class="money">￥{$info.order_amount}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
      </div>

    </main>
    <!--End 页面主要内容-->
  </div>
  <style>
    .card{
      margin-bottom: 10px;
    }
    .info{
      display: flex;
      flex-wrap: wrap;
    }
    .info .form-inline{
      width: 50%;
      height: 38px;
    }
    .info .form-inline .tit{
      font-weight: normal;
      margin-right: 5px;
    }
    .info .form-inline .text{
      font-weight: 700;
    }
    .order-amount{
      display: flex;
      justify-content: flex-end;
    }
    .order-amount .money{
      margin-left: 5px;
      font-weight: 700;
    }
    .order-amount .money:not(:last-child){
      margin-right: 5px;
    }
    .lyear-layout-sidebar,.lyear-layout-header{
      display: none;
    }
    .lyear-layout-content{
      padding-top: 0;
      padding-left: 0;
    }
  </style>
</div>

<script type="text/javascript">
  $(function(){
  });
  function doPrint() {
    var oldStr = document.body.innerHTML;
    $('.print').hide();
    window.print();
    document.body.innerHTML = oldStr;
  }
</script>
</body>
</html>
